<template>
  <div>
    <van-collapse v-model="activeNames" class="zd">
      <van-collapse-item title="组织用户" name="1">
        <p>组织管理</p >
        <p>用户管理</p >
        <p>职位管理</p >
        <p>岗位管理</p >
      </van-collapse-item>
      <van-collapse-item title="菜单权限" name="2">
        <p>角色管理</p >
        <p>角色授权</p >
        <p>菜单管理</p >

      </van-collapse-item>
<!--      <van-collapse-item title="应用管理" name="3">内容</van-collapse-item>-->
<!--      <van-collapse-item title="配置管理" name="3">内容</van-collapse-item>-->
<!--      <van-collapse-item title="系统监控" name="3">内容</van-collapse-item>-->
<!--      <van-collapse-item title="系统工具" name="3">内容</van-collapse-item>-->
    </van-collapse>
  </div>
</template>

<script>
export default {
  name: "sidebar",
  data() {
    return {
      activeNames: [],
    }
  },
  methods:{

  }
}
</script>

<style scoped>
.zd{
  width: 200px;
}
</style>